import type { Meta, StoryObj } from '@storybook/react';
import { ActionBar } from './index';
import IconButton from '@mui/joy/IconButton';
import { FavoriteBorder } from '@mui/icons-material';
import Divider from '@mui/joy/Divider';

const meta: Meta<typeof ActionBar> = {
  component: ActionBar,
};
export default meta;
type Story = StoryObj<typeof ActionBar>;

export const Primary: Story = {
  args: {},
  render: () => (
    <ActionBar>
      <IconButton variant="soft">
        <FavoriteBorder />
      </IconButton>
      <IconButton variant="soft">
        <FavoriteBorder />
      </IconButton>
      <Divider orientation="vertical" />
      <IconButton variant="soft">
        <FavoriteBorder />
      </IconButton>
    </ActionBar>
  ),
};
